<template>
	<view class="back_bg">
		<view class="back_content">
			<image class='back_img_1' mode="aspectFill" :src='STATIC_URL+"81.png"' @tap.stop="handleJumpDiy" data-type="back" data-url="1"></image>
			<view class="back_line"></view>
			<image @tap.stop="goHome" class='back_img_2' mode="aspectFill" :src='STATIC_URL+"82.png"'></image>
			
		</view>
		<view class="next_btn" v-if="isNext == 1" @click="click">
			<text>下一个</text>
			<u-icon name="arrow-right" color="#fff" size="24"></u-icon>
		</view>
		<view class="next_btn" v-if="isQuery == 1" @click="confirm">
			<text>确定</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			isNext: {
				type: [String, Number],
				default: 0
			},
			isQuery: {
				type: [String, Number],
				default: 0
			}
		},
		data() {
			return {
				
			}
		},
		created() {
			
		},
		methods: {
			click() {
				this.$emit('next');
			},
			confirm() {
				this.$emit('confirm');
			},
			goHome() {
				uni.reLaunch({
					url: '/pages/tabBar/index/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.back_bg {
		width: 100%;
		height: 88rpx;
		background: #F8F8F8;
		border-radius: 12rpx;
		padding: 14rpx 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.back_content {
			width: 160rpx;
			height: 60rpx;
			background: #fff;
			border-radius: 32rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 25rpx;
			.back_img_1 {
				width: 16rpx;
				height: 30rpx;
			}
			.back_line {
				width: 1px;
				height: 30rpx;
				background: #DDDDDD;
			}
			.back_img_2 {
				width: 32rpx;
				height: 32rpx;
			}
		}
		.next_btn {
			width: 164rpx;
			height: 60rpx;
			background: #8B060D;
			border-radius: 8rpx;
			font-size: 28rpx;
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			text {
				margin-right: 12rpx;
				display: flex;
				transform: translateY(-4rpx);
			}
		}
	}
</style>